<template>
	<view class="center">
		<view class="imge" >
			<image src="../../static/client/u1072.png" mode=""></image>
		</view>
		<view >支付成功</view>
		<view>            <uni-icons type="wallet"></uni-icons><text>支付方式</text><text>微信支付</text>
		</view>
		<view>
			 <uni-icons type="gift"></uni-icons><text>支付金额</text><text>￥{{price}}.00</text>
		</view>
		<button type="default" size="mini" @click="goto('/pages/Client/Client')">查看卡片</button>
	</view>
	<view class="end">
		<text>温馨提示：</text>
		<text>平台不会以订单异常、系统升级为由要求您点击任何网址链接进行退款操作。</text>
	</view>
</template>

<script>
	import { reactive, toRefs } from 'vue';
	import {onLoad} from '@dcloudio/uni-app'
	export default {
		setup(){
			let data=reactive({
				price:'',
				goto(url) {
					uni.navigateTo({
						url:url
						})
				}
			})
			onLoad((e)=>{
				data.price=e.price
			})
			return {...toRefs(data)}
		},
		
	}
</script>

<style lang="scss">
.center{
	
	padding-top:50rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	view:not(:first-child){
		font-size: 26rpx;
		padding-bottom: 30rpx;
		text:last-child{
			color: red;
			margin-left: 15rpx;
		}
	}
	.imge{
		padding: 30rpx 0;
		image{
			width: 150rpx;
			height: 100rpx;
		}
	}
}
.end{
	font-size: 24rpx;
	margin-top: 50rpx;
	padding: 25rpx;
	display: flex;
	flex-direction: column;
	text:first-child{
		color: grey;
		font-weight:600;
	}
}
button{
	font-size: 26rpx;
}
</style>
